<div class="page-strategy-list">
    <div>
        <a id="btn_addStrategy" class="btn btn-default waves-effect waves-light page-power-create" href="javascript:"><i class="fa fa-edit"></i>新建策略</a>
        <div class="form-inline pull-right">
            <div class="d-inline-block"><select id="search_strategySpread" class="w-230 form-control select2"></select></div>
            <div class="d-inline-block time-range-base"><input type="text" class="form-control time-range" id="search_strategyTimeRange" readonly="readonly"><i class="fa fa-calendar"></i></div>
            <div id="panel_inputSearch_strategy"></div>
        </div>
    </div>
    <div class="table-custom p-t-10">
        <table class="table table-bordered table-bordered-topbottom" id="tb_strategyList" width="100%">
            <thead>
            <tr>
                <th>ID</th>
                <th>策略名称</th>
                <th>状态</th>
                <th>出价</th>
                <th>展示数</th>
                <th>点击数</th>
                <th>点击率(%)</th>
                <th>点击均价(<i class="fa fa-rmb"></i>)</th>
                <th>花费(<i class="fa fa-rmb"></i>)</th>
            </tr>
            </thead>
        </table>
    </div>
    <script id="template_strategy_info" type="text/x-jsrender">
         <tr class="tr-strategy-info" id="tr_strategy_{{:id}}">
            <td colspan="9" class="hide-line">
                <div class="panel-strategy-info row" style="display: none;">
                    <div class="col-sm-4">
                        <div style="display: none;">
                            <div class="strategy-info-title">广告详情</div>
                            <div class="strategy-info-data"></div>
                        </div>
                    </div>
                    <div class="col-sm-8" style="min-height: 300px">
                        <div style="display: none;">
                            <div class="strategy-info-title">效果走势</div>
                            <div>
                                <div class="button-list m-r-10 pull-right chart-btnGroup">
                                    <button class="btn btn-frame-w1 waves-effect text-right btn-default" type="button" value="pv">展示数</button>
                                    <button class="btn btn-frame-w1 waves-effect text-right btn-default" type="button" value="click">点击数</button>
                                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="cr">点击率</button>
                                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="price">点击均价</button>
                                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="cost">花费</button>
                                </div>
                                <div class="strategy-info-chart"></div>
                            </div>
                            <div class="datajson-load-box" style="height: 250px; line-height: 250px;position: relative;margin-top: 5px;display: none;"><div class="datajson-load-content" style="display: block"><div class="data-nothing" style=""><div><i class="fa fa-eye-slash"></i><span>暂无数据</span></div></div></div></div>
                        </div>
                    </div>
                </div>
            </td>
         </tr>
    </script>
    <script id="template_strategy_info_data" type="text/x-jsrender">
        <div class="row"><div class="col-xs-2">广告位</div><div class="col-xs-10">{{:spaceId}}-{{:spaceName}}</div></div>
        <div class="row"><div class="col-xs-2">创意</div><div class="col-xs-10">{{:creativeId}}-{{:creativeName}}<a class="btn-operate" href="#campaign/{{:campaignId}}/creative/{{:creativeId}}"><i class="fa fa-edit"></i></a></div></div>
        {{for targetList}}{{include tmpl="#template_strategy_info_target"/}}{{/for}}
    </script>
    <script id="template_strategy_info_target" type="text/x-jsrender">
        <div class="row"><div class="col-xs-2">{{:title}}</div><div class="col-xs-10">{{:html}}</div></div>
    </script>
</div>
